<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人脸检测</title>
    <link rel="stylesheet" type="text/css" href="../static/css/face.css">
    <script type="text/javascript" charset="UTF-8" src="../static/js/jquery-3.5.1.js"></script>
    <script type="text/javascript" charset="UTF-8" src="../static/js/facetttttttt.js"></script>
</head>
<body>
<div class="box">
    <!--  头  -->
    <div class="head">
        <p>人脸检测</p>
        <a href="../index.html" onclick="nl()" id="a5">⇱ </a>
    </div>
    <!--  用户输入  -->
    <div class="input">
        <img src="#" class="prev_view">
        <form method="post" enctype="multipart/form-data" class="from">
            <input type="file" name="file" class="file"/>
        </form>

        <a class="choose_photo">选择照片</a>

        <!--  结果展示  -->
        <div class="view">
            <div class="change6">
                <P>可选项配置⤵</P>
                <p></p>

                <section>
                    <input type="checkbox" name="face_field" onclick="popBox1()"  value="age"><br/>
                    <span>年龄</span>

                    <input type="checkbox" name="face_field" onclick="popBox4()" value="beauty"><br/>
                    <span>颜值</span>

                    <input type="checkbox" name="face_field" onclick="popBox7()"  value="expression"><br/>
                    <span>表情</span>


                </section>


                <section>

                    <input type="checkbox" name="face_field" value="eye_status" onclick="popBox2()"><br/>
                    <span>双眼状态</span>
                    <input type="checkbox" name="face_field" value="face_shape" onclick="popBox5()"><br/>
                    <span>脸型</span>
                    <input type="checkbox" name="face_field" value="emotion" onclick="popBox8()"><br/>
                    <span>情绪</span>
                </section>
                <section>


                    <input type="checkbox" name="face_field" value="face_type" onclick="popBox3()"><br/>
                    <span>真实人脸/卡通人脸</span>

                    <input type="checkbox" name="face_field" value="glasses" onclick="popBox6()"><br/>
                    <span>是否带眼镜</span>


                    <input type="checkbox" name="face_field" value="gender" onclick="popBox9()"><br/>
                    <span>性别</span>
                </section>
                <section>
                    <button id="check_all" onclick="popBox10()">全选</button>
                    <button id="check_no" onclick="popBox102()">全不选</button>
                </section>

                <button type="submit" class="btn" >开始检测</button>
            </div>
             <div id="popBox"></div>
             <div id="popBox2"></div>

            <div id="jg9" >
                <section class="jg" id="jg1"><p>年龄:</p><a class="age"></a> </section>
                <section class="jg" id="jg2"><p>双眼状态:</p><a class="eye_status"></a></section>
                <section class="jg" id="jg3"><p>:</p><a class="face_type"></a></section>
                <section class="jg" id="jg4"><p>颜值:</p><a class="beauty"></a></section>

            </div>
            <div id="jg8">
                <section class="jg" id="jg5"><p>脸型:</p><a class="face_shape"></a></section>
                <section class="jg" id="jg6"><p>是否带眼镜:</p><a class="glasses"></a></section>
                <section class="jg" id="jg7"><p>表情:</p><a class="expression"></a></section>
                <section class="jg" id="jg88"><p>情绪:</p><a class="emotion"></a></section>
                <section class="jg" id="jg99"><p>性别:</p><a class="gender"></a></section>

            </div>


        </div>




    </div>
</div>

</body>
</html>